<link rel="stylesheet" href="{{ 'component-list-menu.css' | asset_url }}" media="print" onload="this.media='all'">
<link rel="stylesheet" href="{{ 'component-search.css' | asset_url }}" media="print" onload="this.media='all'">
<link rel="stylesheet" href="{{ 'component-menu-drawer.css' | asset_url }}" media="print" onload="this.media='all'">
<link rel="stylesheet" href="{{ 'component-cart-notification.css' | asset_url }}" media="print" onload="this.media='all'">
<link rel="stylesheet" href="{{ 'component-cart-items.css' | asset_url }}" media="print" onload="this.media='all'">
{%- if settings.predictive_search_enabled -%}
  <link rel="stylesheet" href="{{ 'component-price.css' | asset_url }}" media="print" onload="this.media='all'">
  <link rel="stylesheet" href="{{ 'component-loading-overlay.css' | asset_url }}" media="print" onload="this.media='all'">
{%- endif -%}

{%- if settings.cart_type == "drawer" -%}
  {{ 'component-cart-drawer.css' | asset_url | stylesheet_tag }}
  {{ 'component-cart.css' | asset_url | stylesheet_tag }}
  {{ 'component-totals.css' | asset_url | stylesheet_tag }}
  {{ 'component-price.css' | asset_url | stylesheet_tag }}
  {{ 'component-discounts.css' | asset_url | stylesheet_tag }}
  {{ 'component-loading-overlay.css' | asset_url | stylesheet_tag }}
{%- endif -%}

<noscript>{{ 'component-list-menu.css' | asset_url | stylesheet_tag }}</noscript>
<noscript>{{ 'component-search.css' | asset_url | stylesheet_tag }}</noscript>
<noscript>{{ 'component-menu-drawer.css' | asset_url | stylesheet_tag }}</noscript>
<noscript>{{ 'component-cart-notification.css' | asset_url | stylesheet_tag }}</noscript>

<style>
  header-drawer {
    justify-self: start;
    margin-left: -1.2rem;
  }

  @media screen and (min-width: 990px) {
    header-drawer {
      display: none;
    }
  }

  .menu-drawer-container {
    display: flex;
  }

  .list-menu {
    list-style: none;
    padding: 0;
    margin: 0;
  }

  .list-menu--inline {
    display: inline-flex;
    flex-wrap: wrap;
  }

  summary.list-menu__item {
    padding-right: 2.7rem;
  }

  .list-menu__item {
    display: flex;
    align-items: center;
    line-height: 1.3;
  }

  .list-menu__item--link {
    text-decoration: none;
    padding-bottom: 1rem;
    padding-top: 1rem;
    line-height: 1.8;
  }

  @media screen and (min-width: 750px) {
    .list-menu__item--link {
      padding-bottom: 0.5rem;
      padding-top: 0.5rem;
    }
  }
  
  .bike-second-level__wrapper {
    display: flex;
    padding: 20px 0;
    margin-left: -120px;
  }

  .nav-wrapper-e-bikes .bike-second-level__wrapper{
     padding-bottom: 80px;
  }
  
  .tenways-header .bike-second-level__wrapper  .bike-second-level  {
    display: flex;
    flex-direction: column;
    width: 400px;
    user-select: none;
  }
  .tenways-header .nav-wrapper-e-bikes .bike-second-level{
   justify-content: space-around;
  }
  .bike-second-level .bike-second-level-item  {
    display: flex;
    position: static;
  }
  
  .nav-wrapper-e-bikes .bike-second-level .bike-second-level-item  {
    background: #F4F8FC;
    border-top-right-radius: 12px;
    border-bottom-right-radius: 12px;
  }
  
  .bike-second-level .bike-second-level-item {
    margin-top: 0;
  }
  
  
  .bike-second-level-item  details {
    display: flex;
  }
  
  .bike-second-level-item .bike-seceond-level-title {
    min-width: 400px;
    color: #000;
    padding: 0;
    margin: 0;
    overflow: hidden;
    position: relative;
    cursor: pointer;
  }
  .bike-second-level-item .bike-seceond-level-title .bike-seceond-level-title__image {
    display: none;
  }
  
  .bike-second-level-item .bike-seceond-level-title.hover .bike-seceond-level-title__image{
    display: none;
    position: relative;
  }
  
  .bike-second-level-item .bike-seceond-level-title .bike-seceond-level-title__image-des {
    position: absolute;
    right: 45px;
    color: #2F80ED;
    z-index: 10000;
    top: 25px;
    font-weight: 700;
    font-size: 14px;
    line-height: 22px;
  }

  .bike-second-level-item .bike-seceond-level-title .bike-seceond-level-title__image img {
    height: 100%;
    width: 100%;
    display: block;
  }
  
  
  .bike-second-level-item .bike-seceond-level-title.hover .bike-seceond-level-title__text{
    display: block;
  }
  
  .bike-second-level-item .bike-seceond-level-title .bike-seceond-level-title__text{
    text-align: center;
    font-size: 18px;
    line-height: 22px;
    color: #15182A;
    display: block;
    justify-content: center;
  }
  .bike-second-level-item .bike-seceond-level-title .bike-seceond-level-title__text p{
    display: inline-block;
    margin-right: 10px;
  }
  
  
  .bike-thrid-level-item .header__submenu {
    flex: 1;
    color: #000;
    background-color: #fff;
    margin: 10px 0;
  }
  
  .bike-thrid-level-item .header__submenu.active {
    display: flex;
  }
  
  .bike-thrid-level-item  .item-title-text {
    padding: 0;
    justify-content: center;
  }
  .S_li .bike-thrid-level-item .tenways_nav img {
    width: 100%;
    height: 100%;
  }
  .second_nav li .item_a {
    position: absolute;
  }
  
  .shopify-section .tenways-header .line-hover::before {
    border-bottom: none;
  }
  
  .bike-thrid-level-item .thrid-level-list-item .item-title-text {
    color:#000 !important;
    width: 100%;
    margin-top: -40px;
  }
  .header__submenu .header__submenu .header__menu-item {
    padding: 0;
  }
  
  .nav-wrapper-service .bike-second-level__wrapper .bike-second-level{
    flex-direction: row;
    width: 100%;
  }
  
  .nav-wrapper-service .bike-second-level__wrapper .bike-second-level .bike-seceond-level-title__image {
    display: block;
  }
  
  .nav-wrapper-service .bike-second-level-item .bike-seceond-level-title .bike-seceond-level-title__image img {
    border-radius: 8px;
    width: 285px;
    height: 126px;
  }
  .nav-wrapper-service .bike-second-level-item .bike-seceond-level-title {
    min-width: 285px;
  }
  .nav-wrapper-service .bike-second-level__wrapper {
    margin-left: 0;
  }
  .nav-wrapper-service .bike-second-level-item .bike-seceond-level-title .bike-seceond-level-title__image {
    height: auto;
  }
  
  .nav-wrapper-service .bike-second-level-item .bike-seceond-level-title .bike-seceond-level-title__text {
    text-align: left;
  }
  .nav-wrapper-service .localization-form {
    position: static;
  }
  .list-menu .nav-wrapper-e-bikes .tenways_sale {
    position: static;
    color: #fff;
  }
  .second_nav .list-menu .localization-form {
    position: relative;
    top: 16px;
    right: 0;
    left: 0;
    padding: 0;
    margin-left: 10px;
  }
  
  .thrid-level-list-item__wrapper {
    width: 33.33%;
  }
  
  .thrid-level-list-item__wrapper-item_text {
    font-size: 14px;
    align-items: center;
    display: flex;
  }

  .thrid-level-list-item__wrapper-item_text p{
    display: inline-block;
    margin-right: 0;
  }
  
  .thrid-level-list-item__wrapper .item-title-text .thrid-level-list-item__wrapper-item_text .pro {
    display: inline-block;
    font-size: 12px;
    padding: 0 2px;
    border-radius: 3px;
    transform: scale(0.8);
    border: 1px solid #000;
    vertical-align: bottom;
    line-height: 17px;
    height: 18px;
    color: #000 !important; 
  }
  
  .thrid-level-list-item__wrapper .thrid-level-list-item__wrapper-item_text .localization-form {
    position: relative;
    top: 12px;
    right: 0;
    left: 0;
    padding: 0;
    margin-left: 10px;
  }
  .thrid-level-list-item__wrapper img {
    height: 100%;
    width: 100%;
  }
  .thrid-level-list__container {
    width: 100%;
    position: relative;
  }
  .compare-container {
    width: 100%;
    position: absolute;
    bottom: -50px;
    text-align: center;
  }
  .compare-container_button {
    font-family: 'Montserrat';
    border-radius: 22px;
    padding: 10px 24px;
    background: #F4F8FC;
    font-size: 14px;
    line-height: 22px;
    color: #000;
    font-weight: 700;
    display: inline-block;
    cursor: pointer;
  }
  .tenways-header .list-menu li a {
    text-decoration: none;
    padding-right: 8px;
  }
  
  .tenways-header li.service {
    margin-top: 0;
    margin-right: 20px;
  }
  
  .nav-wrapper-service {
    padding: 10px 0;
  }
  
  .nav-wrapper-service .bike-seceond-level-title__text p {
    margin: 0;
  }
  
  .tenways-drawer li.mb-second-level-wrapper {
    display: block;
  }
  .tenways-drawer li.mb-second-level-wrapper {
    margin: 0;
  }
  .tenways-header .list-menu li.mb-second-level-wrapper  a {
    padding: 0;
  }
  .mb-second-level-wrapper p {
    margin-top: 0;
  }
  
  .mb-second-level-wrapper span.pro {
    color: #000;
    display: inline-block;
    font-size: 12px;
    padding: 0 2px;
    border-radius: 3px;
    transform: scale(0.8);
    border: 1px solid #000;
    vertical-align: bottom;
    line-height: 16px;
    height: 18px;
  }
  .menu-drawer__menu .localization-form {
    top: 20px;
  }
  .nav_price {
    text-align: center;
    font-size: 12px;
    line-height: 22px;
    color: var(--grey-80, #4D4D4D);
 }
 .compare_at_price{
  color: var(--grey-60, #8D8D8D);
  padding-left: 8px;
  display: inline-block;
  text-decoration: line-through;
 }


  @media screen and (max-width: 1200px) {
    .bike-second-level-item .bike-seceond-level-title {
      min-width: 300px;
    }
    .compare-container_button {
      padding: 10px 21px;
      font-size: 12px;
      line-height: 18px;
    }
    
    .bike-second-level__wrapper {
      margin-left: -60px;
    }
  }


  @media screen and (max-width: 990px) {
    .tenways-drawer .item_a .p {
      font-size: 13px;
  }
  .header__menu-item .nav-mb_price span{
    line-height: 22px;
    font-size: 12px;
    color: var(--grey-80, #4D4D4D);
    text-align: left;
   }
   .header__menu-item .nav-mb_price {
    color: var(--grey-60, #8D8D8D);
    text-align: left;
    line-height: 22px;
    padding-top: 8px;
   }
   .header__menu-item .nav-mb_price .compare_at_price{
    padding-left: 6px;
    color: var(--grey-60, #8D8D8D);
   }
  }
  
  .cart .shopify-section-header {
    position: sticky;
  }
</style>




<style>
  .header__inline-menu .bike-second-level__wrapper .bike-second-level-item{
    background: linear-gradient(30deg, #FFF9F1 0%, rgba(244, 248, 252, 0.00) 100%), #FFF;
  }
  .header__submenu ul{
    display: flex;
    text-align: center;
  }
  .tenways-header .bike-second-level__wrapper .bike-second-level{
    width: 100%;
  }
  .tenways-header .tenways-header .list-menu li a{
    justify-content: center;
  }
  .item-title-text{
    justify-content: center;
  }
  .header__inline-menu .bike-second-level__wrapper .bike-second-level-item:last-child{
    background: linear-gradient(30deg, #F4F8FC 0%, rgba(244, 248, 252, 0.00) 100%), #FFF;
    margin-top: 2px;
  }
  .bike-seceond-level-title__text div{
    font-size: 72px;
    font-weight: 800;
    background: linear-gradient(180deg, #FFE4D6 0%, rgba(255, 236, 225, 0.00) 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }
  .S_li .bike-second-level-item .bike-seceond-level-title .bike-seceond-level-title__text{
    line-height: inherit;
    position: relative;
  }
  .tenways-header .item-title-text{
    position: absolute;
    bottom: 0;
    text-align: center;
    width: 100%;
  }
  .bike-second-level-item .bike-seceond-level-title{
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .bike-second-level-item .bike-seceond-level-title .bike-seceond-level-title__text p{
    position: absolute;
    text-align: left;
    width: 100%;
    left: 0;
    margin: 0;
    color: var(--grey-60, #8D8D8D);
    font-size: 14px;
    font-weight: 500;
    line-height: 22px; 
    letter-spacing: -0.56px;
  }
  .bike-second-level__wrapper .bike-second-level-item:last-child .bike-seceond-level-title__text div{
    font-size: 72px;
    font-weight: 800;
    background: linear-gradient(180deg, #D5E6FB 0%, rgba(213, 230, 251, 0.00) 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }
  .second_nav .bike-second-level__wrapper{
    display: block;
  }
  .second_nav .compare-container {
    position: relative;
    bottom: auto;
    text-align: center;
    padding: 20px 0;
}
.nav-wrapper-e-bikes .bike-second-level__wrapper {
    padding-bottom: 20px;
}
.compare-container .compare-container_button{
  background: #F5F5F5;
}
.thrid-level-list-item__wrapper-item_text p{
  color: #000;
}
.b-header .second_nav{
  display: none;
  background: #fff;
}
.b-header .second_nav .bike-second-level__wrapper{
  padding: 0;
}
.nav-wrapper-service .bike-second-level-item .bike-seceond-level-title{
  display: block;
}
.nav-wrapper-service .header__submenu .bike-second-level-item{
  background: #fff !important;
}
.nav-wrapper-service .bike-seceond-level-title .bike-seceond-level-title__text p{
  color: #000;
  font-size: 18px;
  line-height: 22px;
}
.nav-wrapper-service {
    padding: 20px 0;
}
.nav-wrapper-e-bikes .thrid-level-list-item__wrapper:not(:last-child){
  margin-right: 28px;
}
.tenways-header .nav-wrapper-e-bikes .thrid-level-list-item__wrapper a{
   padding: 0;
}
.tenways-header .nav-wrapper-e-bikes .S_li .thrid-level-list-item__wrapper a {
  min-height: 22px;
}
navigator-disclosure.active .icon-caret {
    transform: rotate(180deg);
    transition: all .3s ease-in-out;
}
navigator-disclosure.active .tenways-open span,
navigator-disclosure.active path{
  color: #2F80ED;
}
.second-level_block {
    display: flex;
    position: static;
}
.header__inline-menu .bike-second-level__wrapper{
  margin-left: 0;
}
.tenways-header .header__inline-menu .list-menu--inline .bike-second-level-item {
  padding-left: 0;
}
.bike-second-level-item .bike-seceond-level-title{
  justify-content: flex-start;
}
.bike-second-level-item .bike-seceond-level-title {
   min-width: 252px;
}
.thrid-level-list-item__wrapper {
    width: 23%;
}
.header__submenu ul{
  padding-left: 28px;
}
.thrid-level-list-item__wrapper-item_text p {
    margin-top: 0;
    margin-bottom: 0;
}
.tenways-header .item-title-text{
  bottom: 8px;
}
.nav-wrapper-e-bikes .bike-second-level .bike-second-level-item{
  padding: 10px 0;
}
.compare-container_button {
  padding: 11px 24px;
}
.list-menu .nav-wrapper-e-bikes .tenways_sale {
    transform: scale(0.9);
    margin-left: 10px;
}





  @media screen and (max-width: 990px) {
  .mb-second-level-wrapper .series{
    display: none;
   }
  }
</style>

<script src="{{ 'details-disclosure.js' | asset_url }}" defer="defer"></script>
<script src="{{ 'details-modal.js' | asset_url }}" defer="defer"></script>
<script src="{{ 'cart-notification.js' | asset_url }}" defer="defer"></script>

{%- if settings.cart_type == "drawer" -%}
  <script src="{{ 'cart-drawer.js' | asset_url }}" defer="defer"></script>
{%- endif -%}
{% if customer %}
    <script>login123 {{ customer.orders_count }} {{ customer.orders.size }}</script>
  {% for order in customer.orders %}
    <script> {{ order.financial_status}}: {{  order.fulfillment_status }}</script>
  {% endfor %}
  
{% endif %}
<svg xmlns="http://www.w3.org/2000/svg" class="hidden">
  <symbol id="icon-search" viewbox="0 0 18 19" fill="none">
    <path fill-rule="evenodd" clip-rule="evenodd" d="M11.03 11.68A5.784 5.784 0 112.85 3.5a5.784 5.784 0 018.18 8.18zm.26 1.12a6.78 6.78 0 11.72-.7l5.4 5.4a.5.5 0 11-.71.7l-5.41-5.4z" fill="currentColor"/>
  </symbol>
  <symbol id="icon-close" class="icon icon-close" fill="none" viewBox="0 0 18 17">
    <path d="M.865 15.978a.5.5 0 00.707.707l7.433-7.431 7.579 7.282a.501.501 0 00.846-.37.5.5 0 00-.153-.351L9.712 8.546l7.417-7.416a.5.5 0 10-.707-.708L8.991 7.853 1.413.573a.5.5 0 10-.693.72l7.563 7.268-7.418 7.417z" fill="currentColor">
      </symbol>
    </svg>
  <{% if section.settings.enable_sticky_header %}sticky-header{% else %}div{% endif %} class="header-wrapper color-{{ section.settings.color_scheme }} gradient{% if section.settings.show_line_separator %} header-wrapper--border-bottom{% endif %}">
    <div class="b-header tenways_ribbon-container">
 
    {% if section.settings.show_ribbon %}
    <div class="ab_bar wow tenways_ribbon">
     <div class="ab-top ab-bg">
      <div class="page-width">                 
       <div class="swiper-father {{ localization.country.iso_code }}" id="localization-forms">
          {%- form 'localization', id: 'FooterCountryForm' -%}
            {% if localization.country.iso_code == 'GB' and localization.country.currency.symbol != blank %}               
                {% if section.settings.uk_1 != blank %}
                  <div class="swiper myBar eu-swiper">
                    <div class="swiper-wrapper">
                      {% if template.name != 'cart' %} 
                        {% if section.settings.bvb != blank %}
                       <div class="swiper-slide bvb" data-swiper-parallax="-600">
                        <span class="eu-bar us_1">{{ section.settings.bvb }}</span>
                      </div> 
                       {% endif %} 
                                 
                       <div class="swiper-slide" data-swiper-parallax="-600">
                          <span class="eu_bar flex">{{ section.settings.uk }}</span>
                        </div>
                        {%  if section.settings.eu_2 != blank %}
                          <div class="swiper-slide" data-swiper-parallax="-600">
                            <span class="eu_bar flex">{{ section.settings.eu_2 }}</span>
                          </div>
                        {% endif %} 
                      {% else %}
                         {% if section.settings.bvb_1 != blank %}
                        <div class="swiper-slide bvb" data-swiper-parallax="-600">
                        <span class="no-link us-bar eu_4">{{ section.settings.bvb_1 }}</span>
                      </div>   
                      {% endif %}  
                        <div class="swiper-slide" data-swiper-parallax="-600">
                          <span class="eu_bar flex">{{ section.settings.uk_1 }}</span>
                        </div> 
                        {%  if section.settings.eu_2 != blank %}
                          <div class="swiper-slide" data-swiper-parallax="-600">
                            <span class="eu_bar flex">{{ section.settings.eu_2 }}</span>
                          </div>
                        {% endif %}
                      {% endif %} 
                    </div>  
                  </div> 
                {% endif %}            
              {% else %}
                {% if section.settings.eu != blank %}
                  <div class="swiper myBar eu-swiper">
                    <div class="swiper-wrapper">
                      {% if template.name != 'cart' %} 
                          {% if section.settings.bvb != blank %}
                       <div class="swiper-slide bvb" data-swiper-parallax="-600">
                        <span class="eu-bar us_1">{{ section.settings.bvb }}</span>
                      </div> 
                       {% endif %} 

                        <div class="swiper-slide" data-swiper-parallax="-600">
                          <span class="eu_bar flex">{{ section.settings.eu }}</span>
                        </div>
                        {%  if section.settings.eu_2 != blank %}
                          <div class="swiper-slide" data-swiper-parallax="-600">
                            <span class="eu_bar flex">{{ section.settings.eu_2 }}</span>
                          </div>
                        {% endif %}  

                   

                      {% else %}


                      
                     {% if section.settings.bvb_1 != blank %}
                        <div class="swiper-slide bvb" data-swiper-parallax="-600">
                        <span class="no-link us-bar eu_4">{{ section.settings.bvb_1 }}</span>
                      </div>   
                      {% endif %}  
                     
                        <div class="swiper-slide" data-swiper-parallax="-600">
                          <span class="eu_bar flex">{{ section.settings.eu_1 }}</span>
                        </div>
                        {%  if section.settings.eu_2 != blank %}
                          <div class="swiper-slide" data-swiper-parallax="-600">
                            <span class="eu_bar flex">{{ section.settings.eu_2 }}</span>
                          </div>
                        {% endif %}  
                      {% endif %} 
                    </div>  
                  </div> 
              {% endif %}
            {% endif %}  
          {%- endform -%}            
        </div>

         {% if section.settings.bvb != blank %}
                <script>
                var swiper = new Swiper(".myBar", {
                      speed: 600,
                      slidesPerView: 1,
                      loop: true,
                      autoplay: {
                        delay: 4000,
                        disableOnInteraction: false,
                      },
                    });
                </script> 
          {% endif %} 
        
      </div>
    </div>
      <div class="ab-close ab_cs">
        {% render 'icon-close' %}
      </div>
    </div>


    {% endif %}

       <div class="nav-position">   
       <header class="tenways-header header header--{{ section.settings.logo_position }} page-width{% if section.settings.menu != blank %} header--has-menu{% endif %}">
        {%- if section.settings.menu != blank -%}
          <header-drawer data-breakpoint="tablet">
            <details class="menu-drawer-container">
              <summary class="header__icon header__icon--menu header__icon--summary link focus-inset" aria-label="{{ 'sections.header.menu' | t }}">
                <span>
                  {% render 'icon-hamburger' %}
                  {% render 'icon-back' %}
                </span>
              </summary>
              <div id="menu-drawer" class="menu-drawer motion-reduce" tabindex="-1">
                <div class="menu-drawer__inner-container">
                  <div class="menu-drawer__navigation-container">
                    <nav class="menu-drawer__navigation tenways-menu-drawer">
                      <ul class="menu-drawer__menu list-menu" role="list">
                        {%- for link in section.settings.mb_menu.links -%}
                          <li class="li">
                            {%- if link.links != blank -%}
                              <details>
                                <summary class="menu-drawer__menu-item list-menu__item link link--text focus-inset{% if link.child_active %} menu-drawer__menu-item--active{% endif %}">
                                  {{ link.title | escape }}
                                  {% render 'footer-down' %}
                                </summary>
                                <div id="link-{{ link.handle | escape }}" class="tenways-drawer menu-drawer__submenu motion-reduce" tabindex="-1">
                                  <div class="menu-drawer__inner-submenu">
                                    <ul class="menu-drawer__menu list-menu" role="list" tabindex="-1">
                                      {%- for childlink in link.links -%}
                                        <li class="{{ link.handle }} mb-second-level-wrapper">
                                          {%- if childlink.links != blank -%}
                                            {% for block in section.blocks %}
                                              {%- assign nav_handle = childlink.handle -%}
                                              {%- assign Block_handle = block.settings.handle | strip -%}
                                              {%- assign nav_title = childlink.title | strip -%}
                                              {%- assign nav_name = block.settings.nav_name | strip  -%}
                                              {%- if  nav_handle == Block_handle -%}
                                                {{ nav_name }}
                                                <ul>
                                                  {% for grandChildLink in childlink.links %}
                                                    <li>
                                                      {% for childBlock in section.blocks %}
                                                        {%- assign grandNav_handle = grandChildLink.handle -%}
                                                        {%- assign grandBlock_handle = childBlock.settings.handle | strip -%}
                                                        {%- assign grandNav_title = grandChildLink.title | strip -%}
                                                        {%- assign grandNav_name = childBlock.settings.nav_name | strip  -%}
                                                        {%- if  grandNav_handle == grandBlock_handle -%}
                                                           <a href="{{ grandChildLink.url }}" class="line-hover header__menu-item list-menu__item link link--text focus-inset caption-large{% if grandChildLink.current %} list-menu__item--active{% endif %}"{% if grandChildLink.current %} aria-current="page"{% endif %}> 
                                                          {% if childBlock.settings.image_2 != blank %}
                                                            <div class="tenways_nav">
                                                              <img loading="lazy" src="{{ childBlock.settings.image_2 | img_url: '750x' }}" data-src="{{ childBlock.settings.image_2 | img_url: '750x' }}"  class="lazyload" width="100" height="100">
                                                            </div>
                                                          {% endif %}
                                                          </a>
                                                         <a href="{{ grandChildLink.url }}" class="item_a line-hover header__menu-item list-menu__item link link--text focus-inset caption-large{% if grandChildLink.current %} list-menu__item--active{% endif %}"{% if grandChildLink.current %} aria-current="page"{% endif %}> 
                                                          {{ grandNav_name }}
                                                          {% if childBlock.settings.des %}
                                                            <p class="p">{{ childBlock.settings.des }}</p>
                                                          {% endif %}
                                                          {% if childBlock.settings.product != blank  %}
                                                           <div class="nav-mb_price nav_price">
                                                            <span>{{ childBlock.settings.product.price | money }}  </span>
                                                            {% if childBlock.settings.product.compare_at_price != blank %}
                                                              <span class="compare_at_price">{{ childBlock.settings.product.compare_at_price | money }}  </span>                                                          
                                                            {% endif %}
                                                          </div>
                                                         {% endif %}
                                                          </a>
                                                          {% if childBlock.settings.new != blank %}
                                                            <span class="tenways_sale sale_{{ forloop.index0 }} tenways_sale-{{ childBlock.settings.new }}">{{ childBlock.settings.new }}</span>
                                                          {% endif %}
                                                        {% endif %}
                                                      {% endfor %}
                                                    </li>
                                                  {% endfor %}
                                                </ul>
                                              {% endif %}
                                            {% endfor %}
                                          {%- else -%}
                                            <a href="{{ childlink.url }}" class="line-hover menu-drawer__menu-item link link--text list-menu__item focus-inset{% if childlink.current %} menu-drawer__menu-item--active{% endif %}"{% if childlink.current %} aria-current="page"{% endif %}>
                                              {{ childlink.title | escape }}
                                            </a>
                                          {%- endif -%}
                                        </li>
                                      {% endfor %}
                                    </ul>
                                  </div>
                                </div>
                              </details>
                            {%- else -%}
                              <a href="{{ link.url }}" class="menu-drawer__menu-item list-menu__item link link--text focus-inset{% if link.current %} menu-drawer__menu-item--active{% endif %}"{% if link.current %} aria-current="page"{% endif %}>
                                {{ link.title | escape }}
                              </a>
                            {%- endif -%}
                          </li>
                        {%- endfor -%}
                      </ul>
                    </nav>
                    <div class="menu-drawer__utility-links">
                    {%- if shop.customer_accounts_enabled -%}
                      <a href="{%- if customer -%}{{ routes.account_url }}{%- else -%}{{ routes.account_login_url }}{%- endif -%}" class="menu-drawer__account link focus-inset h5">
                        {% render 'icon-account' %}
                        {%- liquid
                            if customer
                              echo 'customer.account_fallback' | t
                            else
                              echo 'customer.log_in' | t
                            endif
                          -%}
                      </a>
                    {%- endif -%}
                    <div class="transcy-switcher-manual transcy-mobile hidden" style="display:block;padding-left:0px;"></div>
                      <ul class="list list-social list-unstyled" role="list">
                        {%- if settings.social_twitter_link != blank -%}
                          <li class="list-social__item">
                            <a href="{{ settings.social_twitter_link }}" class="list-social__link link">
                              {%- render 'icon-twitter' -%}
                              <span class="visually-hidden">{{ 'general.social.links.twitter' | t }}</span>
                            </a>
                          </li>
                        {%- endif -%}
                        {%- if settings.social_facebook_link != blank -%}
                          <li class="list-social__item">
                            <a href="{{ settings.social_facebook_link }}" class="list-social__link link">
                              {%- render 'icon-facebook' -%}
                              <span class="visually-hidden">{{ 'general.social.links.facebook' | t }}</span>
                            </a>
                          </li>
                        {%- endif -%}
                        {%- if settings.social_pinterest_link != blank -%}
                          <li class="list-social__item">
                            <a href="{{ settings.social_pinterest_link }}" class="list-social__link link">
                              {%- render 'icon-pinterest' -%}
                              <span class="visually-hidden">{{ 'general.social.links.pinterest' | t }}</span>
                            </a>
                          </li>
                        {%- endif -%}
                        {%- if settings.social_instagram_link != blank -%}
                          <li class="list-social__item">
                            <a href="{{ settings.social_instagram_link }}" class="list-social__link link">
                              {%- render 'icon-instagram' -%}
                              <span class="visually-hidden">{{ 'general.social.links.instagram' | t }}</span>
                            </a>
                          </li>
                        {%- endif -%}
                        {%- if settings.social_tiktok_link != blank -%}
                          <li class="list-social__item">
                            <a href="{{ settings.social_tiktok_link }}" class="list-social__link link">
                              {%- render 'icon-tiktok' -%}
                              <span class="visually-hidden">{{ 'general.social.links.tiktok' | t }}</span>
                            </a>
                          </li>
                        {%- endif -%}
                        {%- if settings.social_tumblr_link != blank -%}
                          <li class="list-social__item">
                            <a href="{{ settings.social_tumblr_link }}" class="list-social__link link">
                              {%- render 'icon-tumblr' -%}
                              <span class="visually-hidden">{{ 'general.social.links.tumblr' | t }}</span>
                            </a>
                          </li>
                        {%- endif -%}
                        {%- if settings.social_snapchat_link != blank -%}
                          <li class="list-social__item">
                            <a href="{{ settings.social_snapchat_link }}" class="list-social__link link">
                              {%- render 'icon-snapchat' -%}
                              <span class="visually-hidden">{{ 'general.social.links.snapchat' | t }}</span>
                            </a>
                          </li>
                        {%- endif -%}
                        {%- if settings.social_youtube_link != blank -%}
                          <li class="list-social__item">
                            <a href="{{ settings.social_youtube_link }}" class="list-social__link link">
                              {%- render 'icon-youtube' -%}
                              <span class="visually-hidden">{{ 'general.social.links.youtube' | t }}</span>
                            </a>
                          </li>
                        {%- endif -%}
                        {%- if settings.social_vimeo_link != blank -%}
                          <li class="list-social__item">
                            <a href="{{ settings.social_vimeo_link }}" class="list-social__link link">
                              {%- render 'icon-vimeo' -%}
                              <span class="visually-hidden">{{ 'general.social.links.vimeo' | t }}</span>
                            </a>
                          </li>
                        {%- endif -%}
                      </ul>
                    </div>
                  </div>
                </div>
              </div>
            </details>
          </header-drawer>
        {%- endif -%}
        {%- if request.page_type == 'index' -%}
          <h1 class="header__heading">
        {%- endif -%}
        <a href="{{ routes.root_url }}" class="header__heading-link link link--text focus-inset">
        {%- if section.settings.logo != blank -%}
          <span class="icon-chr"> {{ section.settings.logo }}</span>
        {%- else -%}
          <span class="h2">{{ shop.name }}</span>
        {%- endif -%}
        </a>
        {%- if request.page_type == 'index' -%}
          </h1>
        {%- endif -%}
        {%- if section.settings.menu != blank -%}
          <nav class="header__inline-menu">
            <ul class="list-menu list-menu--inline" role="list">
              {%- for link in section.settings.menu.links -%}
                <li>
                  {%- if link.links != blank -%}
                    <navigator-disclosure>
                      <navigator class="tenways-open">
                        <summary class="header__menu-item list-menu__item link focus-inset">
                          <span {%- if link.child_active %} class="header__active-menu-item"{% endif %}>{{ link.title | escape }}</span>
                          {% render 'icon-caret' %}
                        </summary>
                        <div class="second_nav nav-wrapper-{{ link.handle }} nav-wrapper-{{ link.handle | downcase }}">
                          <div class="S_li">
                        <div class="{%- if link.handle == 'service' -%} page-width {%- endif -%}">
                              <div class="bike-second-level__wrapper">
                                <ul class="header__submenu list-menu caption-large motion-reduce bike-second-level {{ link.handle }}" role="list" tabindex="1">
                                  {%- for childlink in link.links -%}
                                    <li class="bike-second-level-item {{ link.handle }}">
                                      <div class="{%- if link.handle != 'service' -%} page-width {%- endif -%}">
                                        <div class="second-level_block">
                                          {% for block in section.blocks %}
                                            {%- assign nav_handle = childlink.handle -%}
                                            {%- assign count = 0 -%}
                                            {%- assign Block_handle = block.settings.handle | strip -%}
                                            {%- assign nav_title = childlink.title | strip -%}
                                            {%- assign nav_name = block.settings.nav_name | strip  -%}
                                            {%- if  nav_handle == Block_handle -%}
                                              <div class="bike-seceond-level-title" data-id="{{ nav_handle }}">
                                                <div class="bike-seceond-level-title__image" data-key="{{ link.handle }}">
                                                   {% if link.handle == 'service'%}
                                                    <a href="{{ childlink.url }}"><img loading="lazy" src="{{ block.settings.image_1 | img_url: '750x' }} 750w" class="lazyload" width="400" height="150"/></a>
                                                  {% else %}
                                                    <img loading="lazy" src="{{ block.settings.image_1 | img_url: '750x' }} 750w" data-src="{{ block.settings.image_1 | img_url: '750x' }} 750w"  class="lazyload" width="400" height="150"/>
                                                  {% endif %}                                            
                                            
                                                </div>
                                                {% if link.handle == 'service' %}
                                                  <span class="bike-seceond-level-title__text"><a href="{{ childlink.url }}">{{ nav_name }}</a></span>
                                                {% else %}
                                                  <span class="bike-seceond-level-title__text">
                                                    {{ nav_name }}
                                                    {% if block.settings.new != blank %}
                                                    <span class="tenways_sale sale_{{ forloop.index0 }} tenways_sale-{{ block.settings.new }}">{{ block.settings.new }}</span>
                                                  {% endif %}
                                                  </span>
                                                {% endif %}
                                              </div>
                                              <ul>
                                                {%- for grandchildlink in childlink.links -%}
                                                  <li class="thrid-level-list-item__wrapper">
                                                    {% for childBlock in section.blocks %}
                                                      {%- assign grandchildNav_handle = grandchildlink.handle -%}
                                                      {%- assign grandchildBlock_handle = childBlock.settings.handle | strip -%}
                                                      {%- assign grandchildNav_title = grandchildlink.title | strip -%}
                                                      {%- assign grandchildNav_name = childBlock.settings.nav_name | strip  -%}
                                                      
                                                      {% if grandchildBlock_handle ==  grandchildNav_handle %}
                                                         <a href="{{ grandchildlink.url }}" class="line-hover header__menu-item list-menu__item link link--text focus-inset caption-large{% if grandchildlink.current %} list-menu__item--active{% endif %}"{% if grandchildlink.current %} aria-current="page"{% endif %}> 
                                                          <img loading="lazy" src="{{ childBlock.settings.image_1 | img_url: '750x' }} 750w" data-src="{{ childBlock.settings.image_1 | img_url: '750x' }} 750w" class="lazyload" width="{{ childBlock.settings.image_1.width }}" height="{{ childBlock.settings.image_1.height }}">
                                                        </a>
                                                          <a href="{{ grandchildlink.url }}" class="item-title-text line-hover header__menu-item list-menu__item link link--text focus-inset caption-large{% if grandchildlink.current %} list-menu__item--active{% endif %}"{% if grandchildlink.current %} aria-current="page"{% endif %}>
                                                          <div class="thrid-level-list-item__wrapper-item_text">
                                                            {{ childBlock.settings.nav_name }}
                                                            {% if childBlock.settings.new != blank %}
                                                              <span class="{{ childBlock.settings.sale_color |  escape }} tenways_sale sale_{{ forloop.index0 }} tenways_sale-{{ childBlock.settings.new }}">{{ childBlock.settings.new }}</span>
                                                            {% endif %}
                                                          </div>
                                                        </a>
                                                      {% endif %}
                                                    {% endfor %}
                                                  </li>
                                                {%- endfor -%}
                                              </ul>
                                            {% endif %}
                                          {% endfor %}
                                        </div>
                                      </div>
                                    </li>
                                  {%- endfor -%}
                                </ul>
                                {%- comment -%} 
                                {% if link.handle != 'service' %}
                                  <div class="thrid-level-list__container">
                                    <ul class="header__submenu list-menu list-menu--disclosure caption-large motion-reduce bike-second-level" role="list" tabindex="1">
                                      {%- for childlink in link.links -%}
                                        {% if childlink.links != blank %}
                                          <li class="bike-thrid-level-item {{ link.handle }}">
                                            <ul id="list-{{ childlink.handle }}" class="thrid-level-list-item header__submenu list-menu motion-reduce {%  if forloop.index == 2 %} active {% endif %}">
                                              {%- for grandchildlink in childlink.links -%}
                                                <li class="thrid-level-list-item__wrapper">
                                                  {% for childBlock in section.blocks %}
                                                    {%- assign grandchildNav_handle = grandchildlink.handle -%}
                                                    {%- assign grandchildBlock_handle = childBlock.settings.handle | strip -%}
                                                    {%- assign grandchildNav_title = grandchildlink.title | strip -%}
                                                    {%- assign grandchildNav_name = childBlock.settings.nav_name | strip  -%}
                                                    
                                                    {% if grandchildBlock_handle ==  grandchildNav_handle %}
                                                       <a href="{{ grandchildlink.url }}" class="line-hover header__menu-item list-menu__item link link--text focus-inset caption-large{% if grandchildlink.current %} list-menu__item--active{% endif %}"{% if grandchildlink.current %} aria-current="page"{% endif %}> 
                                                        <img loading="lazy" src="{{ childBlock.settings.image_1 | img_url: '3840x' }} 3840w" width="285" height="200">
                                                      </a>
                                                        <a href="{{ grandchildlink.url }}" class="item-title-text line-hover header__menu-item list-menu__item link link--text focus-inset caption-large{% if grandchildlink.current %} list-menu__item--active{% endif %}"{% if grandchildlink.current %} aria-current="page"{% endif %}>
                                                        <div class="thrid-level-list-item__wrapper-item_text">
                                                          {{ childBlock.settings.nav_name }}
                                                          {% if childBlock.settings.new != blank %}
                                                            <span class="tenways_sale sale_{{ forloop.index0 }} tenways_sale-{{ childBlock.settings.new }}">{{ childBlock.settings.new }}</span>
                                                          {% endif %}
                                                        </div>
                                                      </a>
                                                    {% endif %}
                                                  {% endfor %}
                                                </li>
                                              {%- endfor -%}
                                            </ul>
                                          </li>
                                        {% endif %}
                                      {%- endfor -%}
                                    </ul>
                                    <div class="compare-container">
                                      <span class="compare-container_button">
                                        <a href="{{ section.settings.compare_url }}"> {{ section.settings.compare_label }} </a>
                                        <svg xmlns="http://www.w3.org/2000/svg" width="5" height="8" viewBox="0 0 5 8" fill="none">
                                          <path d="M1 0.500002L4.5 4M1 7.5L3.33333 5.4" stroke="black" stroke-width="0.933333" stroke-linecap="round" stroke-linejoin="round"/>
                                        </svg>
                                      </span>
                                    </div>
                                  </div>
                                {% endif %} 
                              {%- endcomment -%}
                             
                              </div>
                              {% if link.handle == 'e-bikes'  %}
                              <div class="compare-container">
                                <span class="compare-container_button">
                                  <a href="{{ section.settings.compare_url }}"> {{ section.settings.compare_label }} </a>
                                  <svg xmlns="http://www.w3.org/2000/svg" width="5" height="8" viewBox="0 0 5 8" fill="none">
                                    <path d="M1 0.500002L4.5 4M1 7.5L3.33333 5.4" stroke="black" stroke-width="0.933333" stroke-linecap="round" stroke-linejoin="round"/>
                                  </svg>
                                </span>
                              </div>
                              {% endif %}                           
                            </div>
                          </div>
                        </div>
                      </navigator>
                    </navigator-disclosure>
                  {%- else -%}
                    <a href="{{ link.url }}" class="line-hover header__menu-item header__menu-item list-menu__item link link--text focus-inset"{% if link.current %} aria-current="page"{% endif %}>
                      <span {%- if link.current %} class="header__active-menu-item"{% endif %}>{{ link.title | escape }}</span>
                    </a>
                  {%- endif -%}
                </li>
              {%- endfor -%}
            </ul>
          </nav>
        {%- endif -%}
        <div class="header__icons">
          {%- for link in section.settings.right_menu.links -%}     
            <div class="li_w li li_a li-hidden">
              <a href="{{ link.url }}" class="line-hover header__menu-item{% if link.active %} list-menu__item--active{% endif %}">
                <span>{{ link.title }}</span>
              </a>
            </div>   
          {%- endfor -%}    
          <div class="li_s li li_a li-hidden">
            {%- if shop.customer_accounts_enabled -%}
              <a href="{%- if customer -%}{{ routes.account_url }}{%- else -%}{{ routes.account_login_url }}{%- endif -%}" class="line-hover header_a header__icon--account link link--text focus-inset{% if section.settings.menu != blank %} small-hide{% endif %}">
                <span>{{ section.settings.my_account }}</span>
                <span class="visually-hidden">
                  {%- liquid
                    if customer
                      echo 'customer.account_fallback' | t
                    else
                      echo 'customer.log_in' | t
                    endif
                  -%}
                </span>
              </a>
            {%- endif -%}
          </div>
          <div class="li_s li li_a">
            <a href="{{ routes.cart_url }}" class="header__icon header__icon--cart link link--text focus-inset" id="cart-icon-bubble">
              {%- liquid
                if cart == empty
                  render 'icon-cart-empty'
                else
                  render 'icon-cart'
                endif
              -%}
              <span class="visually-hidden">{{ 'templates.cart.cart' | t }}</span>
              {%- if cart != empty -%}
                <div class="cart-count-bubble">
                  {%- if cart.item_count < 100 -%}
                    <span aria-hidden="true">{{ cart.item_count }}</span>
                  {%- endif -%}
                  <span class="visually-hidden">{{ 'sections.header.cart_count' | t: count: cart.item_count }}</span>
                </div>
              {%- endif -%}
            </a>
          </div>
        </div>
      </header>
    </div>  
  </div>
</{% if section.settings.enable_sticky_header %}sticky-header{% else %}div{% endif %}>
{%- if settings.cart_type == "notification" -%}
  {%- render 'cart-notification', color_scheme: section.settings.color_scheme -%}
{%- endif -%}

{% javascript %}
  class StickyHeader extends HTMLElement {
    constructor() {
      super();
    }

    connectedCallback() {
      this.header = document.getElementById('shopify-section-header');
      this.headerBounds = {};
      this.currentScrollTop = 0;
      this.indexTop = 116;
      this.preventReveal = false;

      this.onScrollHandler = this.onScroll.bind(this);
      this.hideHeaderOnScrollUp = () => this.preventReveal = true;

      this.addEventListener('preventHeaderReveal', this.hideHeaderOnScrollUp);
      window.addEventListener('scroll', this.onScrollHandler, false);

      this.createObserver();
    }

    disconnectedCallback() {
      this.removeEventListener('preventHeaderReveal', this.hideHeaderOnScrollUp);
      window.removeEventListener('scroll', this.onScrollHandler);
    }

    createObserver() {
      let observer = new IntersectionObserver((entries, observer) => {
        this.headerBounds = entries[0].intersectionRect;
        observer.disconnect();
      });

      observer.observe(this.header);
    }

    onScroll() {
      const scrollTop = window.pageYOffset || document.documentElement.scrollTop;

      if (scrollTop > this.indexTop && scrollTop > this.headerBounds.bottom) {

        requestAnimationFrame(this.hide.bind(this));
      } else if (scrollTop < this.currentScrollTop && scrollTop > this.headerBounds.bottom) {
        if (!this.preventReveal) {
          requestAnimationFrame(this.reveal.bind(this));
        } else {
          window.clearTimeout(this.isScrolling);

            this.isScrolling = setTimeout(() => {
            this.preventReveal = false;
          }, 66);

          requestAnimationFrame(this.hide.bind(this));
        }
      } else if (scrollTop <= this.headerBounds.top) {
        requestAnimationFrame(this.reset.bind(this));
      }

      this.currentScrollTop = scrollTop;
    }
    hide() {
      this.header.classList.add('shopify-section-header-hidden', 'shopify-section-header-sticky');
      this.closeMenuDisclosure();
    }

    reveal() {
      this.header.classList.add('shopify-section-header-sticky', 'animate');
      this.header.classList.remove('shopify-section-header-hidden');
    }

    reset() {
      this.header.classList.remove('shopify-section-header-hidden', 'shopify-section-header-sticky', 'animate');
    }

    closeMenuDisclosure() {
      this.disclosures = this.disclosures || this.header.querySelectorAll('details-disclosure');
      this.disclosures.forEach(disclosure => disclosure.close());
    }
  }
  customElements.define('sticky-header', StickyHeader);
  
  class NavigatorDisclosure extends HTMLElement {
  constructor() {
    super();

   this.navigator = this.querySelector('navigator');
   this.navigator.addEventListener('click', this.onNavigatorClick.bind(this));
   document.addEventListener('scroll', this.update.bind(this));
   
   document.querySelectorAll('.second_nav').forEach(
    (secondNav) => secondNav.addEventListener('click', this.onsecondNavClick.bind(this))
  );
 }

 onNavigatorClick(event){
   if (!navigator) return;
    $(this).find('.second_nav').slideToggle(500);
    $(this).toggleClass('active', 300);
    $(this).parents('li').addClass('open').siblings().removeClass('open', 300).find('.second_nav').hide();
    $(this).parents('li').siblings().find('navigator-disclosure').removeClass('active');
   }
 
 update() {
   const scrollTop = window.pageYOffset || document.documentElement.scrollTop;
   if ( scrollTop > 10 ){
     $('.second_nav').slideUp(300);
     $(this).removeClass('active');
   }
 }

 onsecondNavClick(event){
  event.stopPropagation();
 }

}

customElements.define('navigator-disclosure', NavigatorDisclosure);

 $(document).bind("click", function (e) {
   const navigator = this.querySelector('navigator');
   var target = $(e.target);
   if (target.closest("navigator").length == 0) {
     $('.second_nav').slideUp(300);
     $('navigator-disclosure').removeClass('active');
   }
 });
  
  // class HeaderView  {
  //   init () {
  //     const firstNode = $('.nav-wrapper-e-bikes .bike-seceond-level-title').eq(0);
  //     firstNode.addClass('hover');
      
  //     const seriesId = firstNode.data('id');
  //     $(".thrid-level-list-item").removeClass('active');
  //     $("#list-" + seriesId).addClass('active');
  //   }
    
  //   bindEvent () {
  //     $('.nav-wrapper-e-bikes .bike-seceond-level-title').on('mouseenter', function () {
  //       $('.bike-seceond-level-title').removeClass('hover');
  //       $(this).addClass('hover');
  //       const seriesId = $(this).data('id');
  //       $(".thrid-level-list-item").removeClass('active');
  //       $("#list-" + seriesId).addClass('active');
  //     });
      
  //     const details = document.querySelectorAll('.tenways-open');
      
  //     details.forEach(element => {
  //       element.addEventListener("toggle", (event) => {
  //         if (element.open) {
  //           $('.nav-wrapper-e-bikes .bike-seceond-level-title').removeClass('hover');
  //           $(this).addClass('hover');
  //           $('.nav-wrapper-e-bikes .bike-seceond-level-title').eq(0).addClass('hover');
  //         }
  //       });
  //     })
  //   }
  // }
  
  // $(()=> {
  //   const view = new HeaderView();
  //   view.init();
  //   view.bindEvent();
  // })
{% endjavascript %}

<script>
  const hasRibbon = {{ section.settings.show_ribbon }};
  if (hasRibbon) {
    $('body').addClass('hasRibbon');
  }
</script>

<script type="application/ld+json">
  {
    "@context": "http://schema.org",
    "@type": "Organization",
    "name": {{ shop.name | json }},
    {% if section.settings.logo %}
      {% assign image_size = section.settings.logo.width | append: 'x' %}
      "logo": {{ section.settings.logo | img_url: image_size | prepend: "https:" | json }},
    {% endif %}
    "sameAs": [
      {{ settings.social_twitter_link | json }},
      {{ settings.social_facebook_link | json }},
      {{ settings.social_pinterest_link | json }},
      {{ settings.social_instagram_link | json }},
      {{ settings.social_tiktok_link | json }},
      {{ settings.social_tumblr_link | json }},
      {{ settings.social_snapchat_link | json }},
      {{ settings.social_youtube_link | json }},
      {{ settings.social_vimeo_link | json }}
    ],
    "url": {{ shop.url | append: page.url | json }}
  }
</script>

{%- if request.page_type == 'index' -%}
  {% assign potential_action_target = shop.url | append: routes.search_url | append: "?q={search_term_string}" %}
  <script type="application/ld+json">
  {
    "@context": "http://schema.org",
    "@type": "WebSite",
    "name": {{ shop.name | json }},
    "potentialAction": {
      "@type": "SearchAction",
      "target": {{ potential_action_target | json }},
      "query-input": "required name=search_term_string"
    },
    "url": {{ shop.url | append: page.url | json }}
  }
  </script>
{%- endif -%}

  {% schema %}
  {
    "name": "t:sections.header.name",
    "class": "shopify-section-header",
    "settings": [
      {
        "type": "checkbox",
        "id": "show_ribbon",
        "default": false,
        "label": "Show ribbon"
      },
      {
        "type": "checkbox",
        "id": "second_image",
        "default": true,
        "label": "Show second image on hover"
      },
      {
        "type": "richtext",
            "id": "bvb",
            "label": "bvb link"
            },
            {
            "type": "richtext",
            "id": "bvb_1",
            "label": "bvb no link"
            },
            {
            "type": "richtext",
            "id": "uk",
            "label": "uk"
            },
            {
            "type": "richtext",
            "id": "uk_1",
            "label": "uk no link"
            },
            {
            "type": "richtext",
            "id": "eu",
            "label": "EU"
            },
            {
            "type": "richtext",
            "id": "eu_1",
            "label": "EU link"
            },
            {
            "type": "richtext",
            "id": "eu_2",
            "label": "EU link 2"
            },
            {
            "type": "text",
            "id": "time",
            "label": "Time"
            },
            {
            "type": "select",
            "id": "color_scheme",
            "options": [
            {
            "value": "accent-1",
            "label": "t:sections.header.settings.color_scheme.options__1.label"
          },
          {
            "value": "accent-2",
            "label": "t:sections.header.settings.color_scheme.options__2.label"
          },
          {
            "value": "background-1",
            "label": "t:sections.header.settings.color_scheme.options__3.label"
          },
          {
            "value": "background-2",
            "label": "t:sections.header.settings.color_scheme.options__4.label"
          },
          {
            "value": "inverse",
            "label": "t:sections.header.settings.color_scheme.options__5.label"
          }
        ],
        "default": "background-1",
        "label": "t:sections.header.settings.color_scheme.label"
      },
      {
        "type": "html",
        "id": "logo",
        "label": "html"
      },
      {
        "type": "range",
        "id": "logo_width",
        "min": 50,
        "max": 250,
        "step": 10,
        "default": 100,
        "unit": "t:sections.header.settings.logo_width.unit",
        "label": "t:sections.header.settings.logo_width.label"
      },
      {
        "type": "select",
        "id": "logo_position",
        "options": [
          {
            "value": "middle-left",
            "label": "t:sections.header.settings.logo_position.options__1.label"
          },
          {
            "value": "top-left",
            "label": "t:sections.header.settings.logo_position.options__2.label"
          },
          {
            "value": "top-center",
            "label": "t:sections.header.settings.logo_position.options__3.label"
          }
        ],
        "default": "middle-left",
        "label": "t:sections.header.settings.logo_position.label"
      },
      {
        "type": "link_list",
        "id": "menu",
        "default": "main-menu",
        "label": "t:sections.header.settings.menu.label"
      },
      {
        "type": "link_list",
        "id": "mb_menu",
        "label": "Mb Menu"
      },
      {
        "type": "link_list",
        "id": "right_menu",
        "label": "Right Menu"
      },
      {
        "type": "text",
        "id": "my_account",
        "default": "My Account",
        "label": "My Account"
      },
      {
        "type": "text",
        "id": "order_now",
        "default": "Order now",
        "label": "Order now"
      },
      {
        "type": "url",
        "id": "button_link",
        "label": "button_link"
      },
      {
        "type": "checkbox",
        "id": "show_order_now",
        "default": true,
        "label": "Show order now"
      },
      {
        "type": "checkbox",
        "id": "show_line_separator",
        "default": true,
        "label": "t:sections.header.settings.show_line_separator.label"
      },
      {
        "type": "checkbox",
        "id": "enable_sticky_header",
        "default": true,
        "label": "t:sections.header.settings.enable_sticky_header.label",
        "info": "t:sections.header.settings.enable_sticky_header.info"
      },
      {
        "type": "text",
        "id": "compare_label",
        "default": "Compare Models",
        "label": "Compare Label"
      },
      {
        "type": "url",
        "id": "compare_url",
        "label": "compare url"
      }
    ],
    "blocks": [
    {
      "type": "menu-image",
      "name": "menu image",
      "settings": [
        {
          "type": "text",
          "id": "handle",
          "label": "Forbidden modify handle"
        },
        {
          "type": "html",
          "id": "nav_name",
          "label": "nav name"
        },
        {
          "type": "product",
          "id": "product",
          "label": "Product"
        },
        {
          "type": "image_picker",
          "id": "image_1",
          "label": "Image_1"
        },
        {
          "type": "image_picker",
          "id": "image_2",
          "label": "Image_2"
        },
        {
          "type": "text",
          "id": "des",
          "label": "Des"
        },
        {
          "type": "text",
          "id": "new",
          "label": "New"
        },
        {
          "type": "text",
          "id": "sale_color",
          "label": "sale color"
        },
        {
          "type": "url",
          "id": "button_link",
          "label": "Button link"
        }
      ]
    }
  ]
}
{% endschema %}
